﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>深圳市递送易国际物流有限公司</title>
    <link rel="icon" href="images/icon.png" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/productservice.css">
</head>
<body>
    <iframe src="top.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%" height="694px"></iframe>
    
    <div id="all">
        <div class="introduction container_full" id="app">
            <div id="all_left">
                <div class="about_us">
                    <div>
                        <p class="e_abs">产品服务</p>
                        <p class="e_abt">Product Services</p>
                    </div>
                    <ul id="Huifold1" class="Huifold">
                        <li class="item" v-bind:class="{active:active_li==1}">
                            <p v-on:click="handleLi(1,11)">国际快递<span class="jts" v-bind:style="{display:active_li==1?none:block}">></span></p>
                            <div class="infos" v-bind:style="{display:active_li==1?block:none}">
                                <span v-bind:class="{infos_active:active_span==11}" v-on:click="handleClick(1,11)">DHL国际快递</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==12}" v-on:click="handleClick(1,12)">USP国际快递</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==13}" v-on:click="handleClick(1,13)">TNT国际快递</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==14}" v-on:click="handleClick(1,14)">香港FedEx</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==15}" v-on:click="handleClick(1,15)">国际EMS</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==16}" v-on:click="handleClick(1,16)">邮政E特快</span>
                            </div>
                        </li>

                        <li class="item" v-bind:class="{active:active_li==2}">
                            <p v-on:click="handleLi(2,21)">国际专线<span class="jts" v-bind:style="{display:active_li==2?none:block}">></span></p>
                            <div class="infos" v-bind:style="{display:active_li==2?block:none}">
                                <span v-bind:class="{infos_active:active_span==21}" v-on:click="handleClick(2,21)">美国专线</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==22}" v-on:click="handleClick(2,22)">英国专线</span>
                                <span class="nav_infos" v-bind:class="{infos_active:active_span==23}" v-on:click="handleClick(2,23)">欧盟直通车</span>
                            </div>
                        </li>

                        <li class="item" v-bind:class="{active:active_li==3}">
                            <p v-on:click="handleLi(3,31)">仓储服务<span class="jts" v-bind:style="{display:active_li==3?none:block}">></span></p>
                            <div class="infos" v-bind:style="{display:active_li==3?block:none}">
                                <span v-bind:class="{infos_active:active_span==31}" v-on:click="handleClick(3,31)">英国海外仓</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div id="QRC">
                    <img src="images/dsy_qr_code.jpg" />
                    <p>打开微信扫一扫</p>
                    <p class="a">关注递送易微信公众号</p>
                    <p class="b">实时掌握运单状态</p>
                </div>
            </div>
            <!--国际快递-->
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==11}" id="DHL" style="min-height:867px;_height:867px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际快递&nbsp;>&nbsp;DHL国际快递</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==12}" id="UPS"style="min-height:867px;_height:867px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际快递&nbsp;>&nbsp;USP国际快递</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==13}"style="_height:867px;min-height:867px;" id="TNT">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际快递&nbsp;>&nbsp;TNT国际快递</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==14}" id="Fedex"style="min-height:867px;_height:867px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际快递&nbsp;>&nbsp;香港FedEx</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==15}" id="EMS"style="min-height:867px;_height:867px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际快递&nbsp;>&nbsp;国际EMS</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==16}" id="Efast"style="min-height:867px;_height:867px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际快递&nbsp;>&nbsp;邮政E特快</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <!--国际专线-->
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==21}" id="USA"  style="min-height:732px;_height:732px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际专线&nbsp;>&nbsp;美国专线</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==22}" id="UK"  style="min-height:732px;_height:732px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际专线&nbsp;>&nbsp;英国专线</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==23}" id="Eur"  style="min-height:732px;_height:732px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>国际专线&nbsp;>&nbsp;欧盟直通车</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
            <!--仓储服务-->
            <div class="com_profile" v-bind:class="{com_profile_active:active_span==31}" id="Cang"  style="min-height:642px;_height:642px;">
                <div class="com_n">
                    <div>
                        <span>产品服务</span>
                        <span>仓储服务&nbsp;>&nbsp;英国海外仓</span>
                    </div>
                    <hr />
                </div>
                <div class="content_one">
                    
                </div>
            </div>
        </div>
    </div>
    <div id="footer"></div>
    <script src="js/footer.js"></script>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script src="js/ajax.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/productservice.js"></script>
    </body>
</html>